
<style>
    html,body {
        min-height: 100%;
        height:100%;
        margin:0;
        overflow: hidden;
        background:#ccc;
    }
    .layuimini-main{margin:0;}
    .main-container,.panel-box,.main-panel,.side-panel{
        min-height: 100%;
        height:100%;
        overflow: hidden;
        margin: 0;

    }
    .main-panel{
        padding: 10px 10px;
        background:#efefef;
    }
    .side-panel{

    }
    .extra-set{
        margin-left:10px;
        background:#efefef;
        height:100%;
        padding-right: 6px;
        padding-left: 6px;
    }
    .extra-action-set{
        padding-top:10px;
    }
    .title-item {


    }
    .content-item{
        margin-top:10px;
        background:#efefef;
    }
    .content-part{
        height:100%;
    }
    .link-part {
        display: inline-block;
        background:#efefef;
        width: 90%;
        margin-left: 4%;
        margin-top: 100px;
        padding:30px 20px 10px 20px;
    }
    nav, section {
        float: left;
        padding: 20px;
        min-height: 170px;
        box-sizing: border-box;
    }
    section {
        width: 80%;
    }

    .clearfix:after {
        content: ".";
        display: block;
        height: 0;
        clear: both;
        visibility: hidden;
    }
    footer {
        background:#efefef;
        text-align: center;
        padding:  0;

    }
    .item-set{text-align:left;margin-bottom:0;}
    .layui-label-inline{
        float: left;
        display: inline-block;
        padding: 9px 15px;
        width: 260px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }
    .layui-input-short{
        display: inline-block;
        width: 26px;
        text-align:center;
        margin: auto 3px;
    }
    .layui-label-title{
        float: left;
        display: inline-block;
        padding: 9px 0px;
        width: 90px;
        font-weight: 400;
        line-height: 20px;
        text-align: left;
    }
    .layui-label-title i{
        color:red;
        margin-right:6px;
    }
    .layui-form-item .layui-title-input{
        width:500px;
    }
    .tab-set{border-top:1px solid #f0e3e3;border-bottom:1px solid #f0e3e3;}

    #editor—wrapper {
        border: 1px solid #ccc;
        z-index: 100; /* 按需定义 */
    }
    #toolbar-container { border-bottom: 1px solid #ccc; }
    #editor-container { height: 500px; }

    .file-item .thumbnail .file-panel{position: absolute; width: 100%; height: 16px; line-height: 16px; left: 0; right: 0; top: 0px; background: rgba(0, 0, 0, 0.4); z-index: 3; transition: 400ms ease-in-out; -moz-transition: 400ms ease-in-out; -webkit-transition: 400ms ease-in-out; -o-transition: 400ms ease-in-out; }
    .file-item .thumbnail {overflow: hidden; float: left; width: 100px; height: 100px; margin-right: 10px; text-align: center; display: block; margin-top: 15px; line-height: 100px; background-color: #fff; border: 1px solid #ddd; -webkit-transition: border .2s ease-in-out; -o-transition: border .2s ease-in-out; transition: border .2s ease-in-out; display: inline-block; position: relative; padding: 5px; }
    .file-item .thumbnail>img {cursor: zoom-in; max-height: 100%; max-width: 100%; display: inline-block; vertical-align: middle; }
    .file-item .thumbnail .info{display: none; }
    .file-item .thumbnail .file-panel i{font-size: 12px; color: #fff;width: 16px; height: 16px; line-height: 16px;z-index: 5;cursor: pointer;}
    .file-item .thumbnail .file-panel i.move-picture{cursor: move; }
</style>
<link rel="stylesheet" href="//www.luojimiaoyu.top/static/lib/editor/editor.css">
<div class="layuimini-container">
    <div class="layuimini-main">
        <form action=""  class="layui-form"  lay-filter="submitForm"  method="post" style="">
            <div class="layui-row main-container">
                <div class="layui-col-xs4 layui-col-sm7 layui-col-md9 main-panel">
                    <header class="title-item">
                        <div class="layui-form-item">
                            <label class="layui-label-title"><i>*</i>文档标题</label>
                            <div class="layui-input-inline layui-title-input">
                                <input type="text" name="post_title" lay-verify="title" autocomplete="off" placeholder="请输入文档标题" class="layui-input">
                            </div>
                            <div id="colorPicker" style="float:left;"></div>
                            <div class="layui-form-mid layui-word-aux">文档类型</div>
                            <div class="layui-input-inline">
                                <select name="post_type" lay-filter="post_type" lay-verify="required">
                                    <option value=""></option>
                                    <option value="0" selected>普通</option>
                                    <option value="1">链接文档</option>

                                </select>
                            </div>

                        </div>
                    </header>
                    <div class="content-item">
                        <!--文本填充内容-->
                        <div class="content-part">
                            <div class="content-part-editor">
                                <div class="layui-form-item">
                                    <div id="editor—wrapper">
                                        <div id="toolbar-container"><!-- 工具栏 --></div>
                                        <div id="editor-container"><!-- 编辑器 --></div>
                                    </div>
                                </div>
                            </div>
                            <footer>
                                <div class="layui-form-item item-set">
                                    <div class="layui-inline">
										<span style="float:left;">
									  <input type="checkbox" name="close" lay-skin="switch" lay-text="是|否">
									  </span>
                                        <label class="layui-label-inline layui-word-aux">是否选取内容第<input type="text" name="username" value="1" placeholder="请输入" autocomplete="off" class="layui-input-short">张为缩略图</label>
                                    </div>
                                    <div class="layui-inline ">
										<span style="float:left;">
									  <input type="checkbox" name="close" lay-skin="switch" lay-text="是|否">
									   </span>
                                        <label class="layui-label-inline layui-word-aux">是否图片本地化</label>
                                    </div>
                                </div>
                            </footer>
                        </div>
                        <!--文本填充内容-->
                        <!--链接文档填充内容-->
                        <div class="link-part" style="display:none;">
                            <div class="layui-form-item">
                                <label class="layui-label-title">链接文档：</label>
                                <div class="layui-input-block">
                                    <input type="text" name="post_ref_data" lay-verify="title" autocomplete="off" placeholder="请输入标题" class="layui-input">
                                </div>
                            </div>
                        </div>
                        <!--链接文档填充内容-->
                    </div>
                </div>
                <div class="layui-col-xs4 layui-col-sm5 layui-col-md3 side-panel">
                    <div class="extra-set">
                        <div class="extra-action-set">
                            <button type="button" lay-submit="publish" lay-filter="submitForm" class="layui-btn layui-btn-danger">保存并发布</button>
                            <button type="button" lay-submit="save" lay-filter="submitForm"  class="layui-btn">保存为草稿</button>
                            <button class="layui-btn layui-btn-primary" id="moreAction">
                                更多操作
                                <i class="layui-icon layui-icon-more-vertical layui-font-12"></i>
                            </button>
                        </div>
                        <div class="layui-tab layui-tab-brief">
                            <ul class="layui-tab-title tab-set">
                                <li class="layui-this">常用</li>
                                <li>扩展资源</li>
                                <li>扩展字段</li>

                            </ul>
                            <div class="layui-tab-content" style="padding-right:30px;">
                                <div class="layui-tab-item layui-show">
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">当前栏目：</label>
                                        <div class="layui-input-block">
                                            <input type="hidden" name="post_category" value="" />
                                            <button type="button" id="postCategory" class="layui-btn layui-btn-primary">头条</button>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">缩略图：</label>
                                        <div class="layui-input-block" >
                                            <button type="button" class="layui-btn layui-btn-success upload-img">上传图片</button>
                                        </div>
                                    </div>
                                    <div class="layui-form-item" id="thumbList">

                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">首页标题：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="post_people"  autocomplete="off" placeholder="首页标题" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">文章作者：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="post_author"  autocomplete="off" placeholder="文章作者" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">关键词：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="post_keywords"  autocomplete="off" placeholder="关键词" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">摘要描述：</label>
                                        <div class="layui-input-block">
                                            <textarea placeholder="请输入摘要描述" name="post_excerpt" class="layui-textarea"></textarea>
                                        </div>
                                    </div>

                                    <div class="layui-form-item">
                                        <label class="layui-form-label">文章来源：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="ref_source"  autocomplete="off" placeholder="文章来源" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">原文地址：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="ref_href" autocomplete="off" placeholder="原文地址" class="layui-input">
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">评论：</label>
                                        <div class="layui-input-block">
                                            <select name="comment_status"  lay-filter="comment_status">
                                                <option value=""></option>
                                                <option selected value="0">不允许</option>
                                                <option value="1">允许</option>
                                                <option value="2">先审后发</option>
                                            </select>
                                        </div>
                                    </div>
                                    <div class="layui-form-item">
                                        <label class="layui-form-label">撰写时间：</label>
                                        <div class="layui-input-block">
                                            <input type="text" name="post_date" id="post_date" lay-verify="date" placeholder="yyyy-MM-dd HH:mm:ss" autocomplete="off" class="layui-input">
                                        </div>
                                    </div>

                                    <!--
                                    当前栏目：
                                    主站首页调用
                                    缩略图：
                                    ：
                                    ：
                                    ：
                                    初审编辑：
                                    ：
                                    记者和策划：
                                    ：
                                    ：



                                    -->
                                </div>
                                <div class="layui-tab-item">

                                </div>
                                <div class="layui-tab-item">内容3</div>

                            </div>
                        </div>
                    </div>
                </div>


            </div>
        </form>

    </div>
</div>